

/*.top > div:nth-child(3) > div > div:nth-child(3) > div:nth-child(1) > div:nth-child(3) {*/
/*    color: white;*/
/*    font-size: 20px;*/
/*}*/

/*.middle {*/
/*    height: 500px;*/
/*    background-color: gray;*/
/*line-height: 500px;*/
/*display: table-cell;*/
/*vertical-align: middle;*/
/*}*/
/*.logo{*/
/*    position:relative;*/
/*    top: 200px;*/
/*}*/
/*.middle>div{*/
/*width: 350px;*/
/*margin: 50px;*/
/*border: 1px solid red;*/
/*}*/
/*--------------------------底部-----------------------------*/


/*-----------------中间部分-----------------------------------*/
.middle {
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

.middle > div {
    width: 1000px;
    display: flex;
    justify-content: space-between;

}

.middle > div > div {
    border: 1px solid red;
}

.middle > div > div:nth-child(1) {
    width: 58%;
}

.middle > div > div:nth-child(2) {
    width: 40%;
}

.middle>div>div>div:nth-child(1){
    border-bottom: 1px solid red;
}

.middle > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

.middle > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) {
    width: 270px;
}

.middle > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div {
    border-bottom: 1px dashed red;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 60px;
}

.middle > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.middle > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(1) {
    font-weight: bold;
    padding-top: 15px;
}

.middle > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) {
    color: gray;
}

/*---------------------------------*/
.middle > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) {
    padding: 10px;
    display: flex;
    justify-content: space-between;
}

.middle > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div {
    /*border: 1px solid red;*/
    width: 180px;

}
.middle > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div>div:nth-child(1){
    width: 180px;
    height: 150px;
}
.middle > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div>div:nth-child(1) img{
    width: 100%;
    height: 100%;
}
.middle > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div>div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.middle > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div>div:nth-child(3) {
color: gray;
}